<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>登录页</title>
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/join.css" />
  </head>
  <body>
    <div class="w">
      <header>
        <img src="images/logo.png" alt="" />
      </header>
    </div>
    <div class="backGround">
      <div class="w">
        <aside>
          <div class="join_title">
            <span>扫描登录</span>
            <span>账户登录</span>
          </div>
          <div class="remind">公共场所不建议自动登录，以免账号丢失</div>
          <input id="account" type="text" placeholder="邮箱/用户名/手机号" />
          <input id="password" type="password" />
          <div class="join_bottom">
            <input id="box" type="checkbox" checked="checked" />
            <i style="float: left">自动登录</i>
            <i style="float: right">忘记密码？</i>
          </div>

          <input id="join" type="submit" value="登录" />
          <div class="form_bottom">
            <img src="images/regetype.png" alt="" />
            <a href="">立即注册</a>
          </div>
        </aside>
      </div>
    </div>
    <!-- 尾部 -->
    <div class="w">
      <footer>
        <ul>
          <li><a href="">关于我们 </a></li>
          <span>|</span>
          <li><a href=""> 联系我们 </a></li>
          <span>|</span>

          <li><a href=""> 联系客服 </a></li>
          <span>|</span>

          <li><a href=""> 商家入驻 </a></li>
          <span>|</span>

          <li><a href=""> 营销中心 </a></li>
          <span>|</span>

          <li><a href=""> 手机品优购 </a></li>
          <span>|</span>

          <li><a href=""> 友情链接 </a></li>
          <span>|</span>

          <li><a href=""> 销售联盟 </a></li>
          <span>|</span>

          <li><a href=""> 品优购社区 </a></li>
          <span>|</span>

          <li><a href=""> 品优购公益 </a></li>
          <span>|</span>

          <li><a href=""> English Site </a></li>
          <span>|</span>

          <li><a href=""> Contact U</a></li>
        </ul>
        <br />
        <p>
          地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096
          电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
        </p>
        <p>京ICP备08001421号京公网安备110108007702</p>
      </footer>
    </div>
  </body>
</html>
